<template>
  <div>
    <mt-swipe :auto="4000">
      <mt-swipe-item v-for="item in imgs" :key="item.id">
        <img :src="item.img" alt="banner" class="img-banner">
      </mt-swipe-item>
    </mt-swipe>
  </div>
</template>
<script>
  export default {
    name: 'slide',
      props:['imgs'], //用来接收父组件传来的值
    data() {
      return {
      }
    },
    components: {}
  }
</script>
<style scoped>
  .mint-swipe{
    height: 200px;
  }
  .img-banner{
    width: 100%;
    height:200px;
  }
</style>
